<template>
    <div>
        <el-button type='danger' @click="showDialog">Show Danger Dialog</el-button>
    </div>
</template>

<script>
export default {
    name: 'DialogItem01',
    methods: {
        showDialog() {
            this.$dialog.open({
                title: 'Danger Dialog',
                active: true,
                width: '30%',
                beforeClose: function(){
                
                },
                component: 'components/self/temp/DialogItem03.vue',
                type: 'errorDialog'
            })
        }
    }

}
</script>

